<table>
    <style type="text/css" rel="stylesheet">
	@import url("../templates/playlist.css");
    </style>

    <script type="text/javascript" src="../project/javascript/playlist.js">
    </script>

    {foreach from=$playlists item=playlist}
	<tr>
	    <td>
		<p class ="create_playlist" onclick="show_playlist('{$playlist}');" onmouseover="this.className='underline_create_playlist'" align="center">{$playlist}</p>
	    </td>
	    <td>
		<img src="../templates/cross.png" alt="Hola" onclick="delete_playlist('{$playlist}');"/>
	    </td>
	</tr>
    {/foreach}
    <p class ="create_playlist" onclick="show_create_playlist();" onmouseover="this.className='underline_create_playlist'" align="center">Create new playlist</p>
    <p class ="configure_playlist" onclick="show_configure_playlist();" onmouseover="this.className='underline_configure_playlist'" align="center">Configure playlists</p>

</table>
